/*列表*/
.article_list{background: #fff;}
.article_list li {position: relative; margin: 0 15px;transition: background .3s ease;}
.article_list li:hover{background: #F5F5F5;}
.article_list li:hover+li .item{border-top-color: white;}
.article_list li:hover .item{border-top-color:  #efefef;}
.article_list li .item {position: relative;height: 194px;padding: 20px 0;border-top: 1px solid #ebebeb;box-sizing: border-box;}
.article_list li:first-child .item {border-top-color: transparent;}
.article_list li .item .top {position: absolute;width: 35px;height: 19px;font-size: 12px;line-height: 19px;text-align: center;color: #fff;background: #D0021B;box-sizing: border-box;z-index: 10;}
.article_list li .item .cover {position: relative;width: 220px;height: 153px;vertical-align: middle;overflow: hidden;background: #DCDCDC ; background-size: contain;}
.article_list li .item .cover img {width: 100%; height: 100%; vertical-align: middle;transition: transform .7s ease;}
.article_list li .item .cover img:hover {transform: scale(1.2, 1.2);}
.article_list li .item .intro {position: relative;width: 480px;height: 153px;}
.article_list li .item .intro .title {font-size: 18px;color: #333;line-height:28px;font-weight: bold; cursor: pointer;transition: all .3s ease;max-height: 56px;}
.article_list li .item .intro .title:hover{color: #77C967;opacity:1;}
.article_list li .item .intro .desc {position: relative; font-size: 13px;color: #666;line-height: 20px; margin-top: 9px;height: 40px;   }
.article_list li .item .intro .otherInfo {position: absolute;left: 0;bottom: 7px;line-height: 15px;width: 100%;}
.article_list li .item .intro  span.status{position: relative; display: inline-block;font-size: 14px;line-height: 18px;margin-right: 10px;padding: 0 5px; text-align: center; line-height: 25px; min-width: 60px; border-radius: 3px; color: #FFFFFF; background-color: #77C967;}
.article_list li .item .intro .otherInfo .author{padding-left: 32px;}
.article_list li .item .intro .otherInfo .author img{width: 26px; height: 26px; position: absolute; left: 0px; top: -25%; border-radius: 50px;}
.article_list li .item .intro .otherInfo .author .b_title{color: black;}
.article_list li .item .intro .otherInfo .time{padding-left: 20px;}
.article_list li .item .intro .otherInfo .time:before{content: "\e66d"; position: absolute; left: 0px; top: 0; font-size: 14px;}
.article_list li .item .intro .otherInfo .reading{padding-left: 20px;}
.article_list li .item .intro .otherInfo .reading:before{content: ""; position: absolute; left: 0px; top: 0; width: 16px; height: 16px; background: url('../img/icon_heat.png') no-repeat center center; background-size: 16px;}
.article_category{margin: 0px;}
.article_category .layui-tab-title{height: 50px;}
.article_category .layui-tab-title li{line-height: 50px;}
.article_category .layui-tab-title li:hover{color: #77C967;}
.article_category .layui-tab-title li .more{ position: absolute;left: 88%;top: 0; width: 15px; height: 50px; padding: 0 0 0 6px; background: url('../img/pull-down.png') no-repeat right center; background-size: 14.5px auto;}
.article_category .layui-tab-title .layui-this:after{height: 51px;}
.article_category .article_list {border-top-width: 0px;}
.article_category .layui-tab-content{padding: 0px;}
.liSubjext{ overflow: hidden;cursor: pointer; position: relative; width:720px;height: 252px;margin: 0 auto; padding: 0 !important; background-size: 100%;background-repeat: no-repeat;background-position: center;}
.liSubjext .liSubjextImg{width:100%;height: 252px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;}
.liSubjext .liSubjextImg:hover{-webkit-transform: scale(1.1) ;-moz-transform:scale(1.1);transform: scale(1.1) ;}
.liSubjext .beizhu{display: inline-block;position: absolute; top: 20px;left: 20px;padding:0 10px;  min-width: 20px;height:26px;line-height: 26px; border-radius: 5px;background: rgba(0,0,0,.3);font-size: 14px; color: white;text-align: center;}
.liSubjext .more_subject{display: inline-block;position: absolute; top: 20px;left: 20px;  width:90px;height: 30px;line-height: 30px; border-radius:30px;background: #77C967;font-size: 16px; color: white;text-align: center;}
.liSubjext .more_subject:hover{opacity: 1;color: rgba(255,255,255,.7);}
.liSubjext .title{display: inline-block;position: absolute; bottom: 10px;left: 10px;line-height:30px; font-size: 16px; color: white;text-align: left;z-index: 4;}

/*内容块*/
.section{background: #fff; position: relative;}
.section dt{font-size: 18px;line-height: 50px;height:50px; color: #333;padding: 0 19px 0 0;border-bottom: 1px solid #cccccc;}
.section.s2{border-width: 0px!important;}
.section.s2 dt{padding: 22px 19px!important;}
.section dt .title{line-height: 50px;height:50px; position: relative;display: inline-block;border-bottom: 1px #77C967 solid;}
.section dt .title .iconfont{position: absolute; left: 0px; top: 0px; font-size: 24px; margin-right: 8px;}
.section dt .small_title{font-size: 12px; margin-left: 30px; color: #C2C2C2;}
.section dt .more {padding-right: 10px;height: 20px;font-size: 12px;color: #77C967;}
.section dd{ position: relative; overflow: hidden;margin-top: 15px;}
.section dd.news_view{height: 498px; margin-bottom: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;}
.section dd.news_view .list{padding-top: 0px;}
.section dd.news_view .list::before{left: 8px;}
.section dd.news_view .list li{padding: 4px 16px 27px 27px;}
.section dd.news_view .list li::before{left: -3px;}
.section dd.news_view .list li .title{font-size: 14px;}
.section dd.news_view .list li .info .proc_btn.good{padding-right: 20px;}
.section dd.news_view .list li .info .proc_btn.good:after{right: 10px;}
.seeDetail{color: #77C967;font-size: 14px;}



/*推荐专栏*/
.rec_columns{position: relative;}
.rec_columns_title{padding-left: 0 !important;}
.rec_columns .item{position: relative;height: 123px;margin-bottom: 5px;background: #fff;box-sizing: border-box;border: 1px solid #ebebeb;transition: box-shadow .3s ease;}
.rec_columns .item:first-child {border-top: 0;}
.rec_columns .item:hover{box-shadow:0 2px 15px 0 rgba(10,10,10,0.19);}
.rec_columns .item .rank{font-weight: bold;width: 74px;height: 100%;color: #dedede;line-height: 123px;text-align: center;font-size: 30px;border-right: 1px solid #ebebeb;}
.rec_columns .item:nth-child(1) .rank{color: #e94444!important;}
.rec_columns .item:nth-child(2) .rank{color: #ffa128!important;}
.rec_columns .item:nth-child(3) .rank{color: #f1c33f!important;}
.rec_columns .item .intro{width: 222px;position: relative;padding: 30px 10px 0 20px;overflow: hidden;}
.rec_columns .item .info{position: relative;}
.rec_columns .item .info .cover{position: relative;display: inline-block; width:60px; height: 60px; vertical-align: middle; margin-right: 13px;}
.rec_columns .item .info .cover p{width: 100%;height: 100%;border-radius: 50%; overflow: hidden;background: #DCDCDC url('../img/default_headimg.png') no-repeat center; background-size: cover;}
.rec_columns .item .info .cover p img{width: 100%;height: 100%;font-size: 0px;line-height: 0px;vertical-align: middle;}
.rec_columns .item .info .cover .auth{position: absolute;bottom: 0;right: -2px;width: 18px;height: 18px;background: url('../img/auth.png') no-repeat center;background-size: 18px 18px}
.rec_columns .item .info .name{width: 145px;color: #77C967;vertical-align: middle;}
.rec_columns .item .info .name a{font-weight: bold;font-size: 14px;line-height: 24px;}
.rec_columns .item .info .name a:hover{color: #FF6501;opacity: 1;}
.rec_columns .item .slogan{font-size: 12px;color: #333;line-height: 16px;width: 100%;}
.rec_columns .item .tags{position: relative;}
.rec_columns .item .tags .tag{display: inline-block;line-height: 25px;padding: 0px 7px;	background-color: #f0f0f0;border-radius: 5px;margin: 8px 5px 0px 0px;}
.recommencolumn{width: 15px;height: 18px;padding-right: 9px;vertical-align: middle;}


/*陀螺作家排行榜*/
.rec_cloumns.section{padding-bottom: 14px; background-color: white;border-width: 0;}
.rec_cloumns.section dt{padding: 32px 0 0 0; line-height: 32px; font-size: 30px; letter-spacing: 5px; text-align: center; font-weight: bold; color: RGBA(51, 51, 51, 1);}
.rec_cloumns dd{position: relative;}
.rec_cloumns dd.more{margin-top: 12px; padding: 0 20px; text-align: right; color: #FF6501;}
.rec_cloumns dd.more a{padding-right: 12px; background: url('../img/cloumn/anthor_more.png') no-repeat right center; color: RGBA(51, 51, 51, 1);}
.rec_cloumns dd.cloumns{padding: 0;margin: 20px 0;}
.rec_cloumns dd.cloumns .titbox{margin: 19px 0 15px;font-size: 14px; background-color: #FFFFFF; text-align: center; color: #666666;}
.rec_cloumns dd.cloumns .titbox span{line-height: 33px;color: RGBA(51, 51, 51, 1);font-size: 20px; background: url("../img/cloumn/titleBackground.png");background-size: auto;background-repeat: no-repeat;background-position: center;}
.rec_cloumns dd.cloumns .cloumn_list{background-color: #FFFFFF; border-top-width: 0; color: #333333; }
.rec_cloumns dd.cloumns .cloumn_list .list_box{min-height: 394.9px;padding-bottom: 26px; position: relative;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item_box{display: inline-block;width: 100%;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item{padding: 13px 0; border-bottom: 1px solid RGBA(242, 242, 242, 1);width: 100%;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item:last-of-type{border-bottom: 0;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .num{padding: 0 0 0 27px; line-height: 53px; font-size: 19px;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .headimg{padding: 0 0 0 27px;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .headimg img{width: 53px; height: 53px; border-radius: 50%;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .name{padding: 0 9px 0 9px; line-height: 53px; font-size: 14px; font-weight: bold;max-width: 70px;}
.rec_cloumns dd.cloumns .cloumn_list .list_box .item .hot{width: auto;padding-left: 13px; line-height: 53px; font-size: 12px; background: url('../img/cloumn/hot.png') no-repeat left center; background-size: 9px auto; color: RGBA(255, 173, 1, 1);}


/*专栏作者*/
.author_list{position: relative;}
.author_list .item{width: 415px;height: 143px;margin: 10px 10px 0 0;background: #fff;box-sizing: border-box;border: 1px solid #ebebeb;transition: box-shadow .3s ease;}
.author_list .item:hover{box-shadow:0 2px 15px 0 rgba(10,10,10,0.19)}
.author_list .item .cover{position: relative;width: 78px;height: 78px;margin: 32px 12px 32px 28px;}
.author_list .item .cover p{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;background: #DCDCDC url('../img/default_headimg.png') no-repeat center; background-size: cover;}
.author_list .item .cover p img{width: 100%;height: 100%;vertical-align: top;font-size: 0px;line-height: 0px;}
.author_list .item .cover .auth{position: absolute;bottom: 0;right: 2px;width: 18px;height: 18px;background: url('../img/auth.png') no-repeat center;background-size: 18px 18px}
.author_list .item .intro{width: 158px;margin: 33px 0 34px;}
.author_list .item .intro .name{color: #FF6501;line-height: 20px;font-weight: bold;}
.author_list .item .intro .name a{font-weight: bold;font-size: 14px;}
.author_list .item .intro .name a:hover{color: #FF6501;opacity: 1;}
.author_list .item .intro .city{color: #9A9A9A;margin-top: 3px;}
.author_list .item .intro .slogan{margin-top: 3px;font-size: 13px;color: #333;height: 48px;line-height: 18px;word-break: break-all;}
.author_list .item .statistics{width: 120px;height: 100%;padding: 10px;text-align: center;box-sizing: border-box;border-left: 1px solid #ebebeb;position: relative;}
.author_list .item .statistics .article_num{width: 99px;height: 40px;font-size: 12px;color: #9b9b9b;line-height: 12px;position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -20px;}
.author_list .item .statistics .article_num span {display: block;font-size: 18px;color: #333;line-height: 20px;margin-bottom: 8px;}
.rec_cloumns dd.cloumns .cloumn_list .loading{margin: 0 auto; padding: 143px 0 0 0; text-align: center; position: relative;}
.rec_cloumns dd.cloumns .cloumn_list .loading p{ margin-top: 12px;}

/*作者信息*/
.author_info{position: relative; padding: 20px; background-color: #FFFFFF; border: 1px solid #ebebeb; text-align: center;}
.author_info .cover{position: relative;width: 78px;height: 78px;margin: 0 auto;}
.author_info .cover p{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;background: #DCDCDC url('../img/default_headimg.png') no-repeat center; background-size: cover;}
.author_info .cover p img{width: 100%;height: 100%;vertical-align: top;font-size: 0px;line-height: 0px;}
.author_info .cover .auth{position: absolute;bottom: 0;right: 2px;width: 18px;height: 18px;background: url('../img/auth.png') no-repeat center; background-size: 18px 18px;}
.author_info .name{ width: 170px; margin: 10px auto 0; font-size: 15px;}
.author_info .intro{position: relative; width: 250px; margin: 5px auto 0; line-height: 18px;}
.author_info .statistical{position: relative; margin: 28px auto;}
.author_info .statistical>div{position: relative;}
.author_info .statistical>div:first-child:after{content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 1px; background-color: #efefef;}
.author_info .statistical .val{position: relative; font-size: 18px; line-height: 28px; color: #FF6501;}
.author_info .more_link{position: relative; width: 200px; margin: 40px auto 20px;}
.author_info .more_link a{position: relative; display: block; height: 40px; font-size: 14px; line-height: 40px; background-color: #37C393; color: #FFFFFF; text-align: center;}


/*热门文章*/
.hot_article_view{position: relative;}
.hot_article_view .item{position: relative; padding: 12px 15px;}
.hot_article_view .item:before{content: " ";position: absolute;top: 0;left: 15px;right: 15px;border-top: 1px solid #E4E8EB;height: 0;}
.hot_article_view .item a{overflow: hidden;font-weight: 400;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;color: #353535;font-size: 14px;}
.hot_article_view .item i{float: right;margin-left: 12px;width: 60px;height: 60px;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;background-color: #F6F8F9;}
.hot_article_view .item:first-child:before{border-top-width: 0px;}
.hot_article_view .item:first-child a{color: #FFFFFF;background-color: rgba(0, 0, 0, 0.55);position: absolute;left: 15px;right: 15px;bottom: 12px;padding: 8px 12px;font-size: 16px;font-weight: 400;display: block;line-height: 1.2;}
.hot_article_view .item:first-child a:hover{color: rgba(255, 255, 255, 0.9); opacity: 1;}
.hot_article_view .item:first-child i{width: 100%;height: auto;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;background-color: #F6F8F9; padding-bottom: 56.25%; display: block;}

/*专题*/

.subjectbox{position: relative; padding: 12px 0 0 12px; background-color: #FFFFFF; border: 1px solid #ebebeb; border-top: 0px; border-bottom: 0px;}
.subjectbox .subject_item{position: relative; width: 197px; margin:0px 12px 12px 0; overflow: hidden;}
.subjectbox .subject_item img{width:197px;height: 66px;}
.subjectbox .subject_item:hover{opacity: .8;}
div.subject_no {font-size: 14px;line-height: 50px;text-align: center;margin-top: 8px;background: #fff;box-sizing: border-box;transition: all .3s ease;display: block;color: grey;display: none;}
.subject_none{font-size: 14px;line-height: 50px;text-align: center;margin-top: 8px;background: #fff;box-sizing: border-box;transition: all .3s ease;display: block;color: grey;display: none;}
.liSubjext>.mask_layer {width: 100%;height: 120px;
   background-image: -webkit-gradient(0deg, rgba(0, 0, 0, .3),rgba(0, 0, 0, .25),rgba(0, 0, 0, .15),rgba(0, 0, 0, .05), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
   background-image: linear-gradient(0deg, rgba(0, 0, 0, .3),rgba(0, 0, 0, .25),rgba(0, 0, 0, .15),rgba(0, 0, 0,.05), rgba(0, 0, 0,0), rgba(0, 0, 0, 0));
    position: absolute;bottom: 0;left: 0;z-index: 2;
}
/*同步文章图标*/
.icon_sycn{padding-left: 20px;height: 20px;background-repeat: no-repeat;background-position: left center;background-size: 20px 20px;margin-right:8px;}
.icon_sycn_weixin{background-image: url("../img/sync_artitle/weixin.png")}
.icon_sycn_bihu{background-image: url("../img/sync_artitle/bihu.png")}

/*专栏公告*/
.announcement{width: 840px;height: 72px;background-color:#FFF;}
.announcement_top {width: 627px;height: 36px;}
.announcement_top .announcement_icon {width: 22px;height: 20px;margin-left:64px ;margin-top: 27px;float: left;background:  url(../img/announcement.png) 0 0 no-repeat;}
.announcement_top span{width: 32px;height: 15px;float: left;color: #000;margin-left: 5px;margin-top: 26px;}
.announcement_top .vertical_line{width: 1px;height: 15px;background:rgba(112,112,112,1);float: left;margin-left: 12px;margin-top: 28px;}
.scroll_box{width: 252px;height: 15px;font-size:14px;font-family:MicrosoftYaHei;color:rgba(255,101,1,1);float: right;margin-right: 226px;margin-top: 27px;overflow: hidden;}
.scroll_box ul{width: 100%;height: 100%;list-style: none;line-height:15px;}
.score_box ul li{width: 100%;height:100%;}
.scroll_box a{text-decoration: none;}
.scroll_box a:hover{color: #FF6501;}
/*公告弹窗*/
a.laybel_btn{color: #999999;margin-left: 10px;}
a.laybel_btn:hover{color: #77C967}